<script setup>
const errorList = ref([])
import { onMounted, ref } from 'vue'
import { ElMessage, ElMessageBox } from 'element-plus'
</script>
<template> 
    <h1>纠错报告</h1>
    <br>
<el-table :data="errorList" border style="width: 100%" >
      <el-table-column type="selection"  align="center" width="35" />
      <el-table-column prop="nickname" label="昵称" align="center" width="100px" />
      <el-table-column prop="username" label="用户名" align="center" width="100px" />
      <el-table-column prop="gender" label="性别" align="center" width="100px" />
      <el-table-column prop="job" label="职位" align="center" width="100px" />
      <el-table-column prop="telephone" label="电话" align="center" width="200px"/>
      <el-table-column prop="email" label="邮箱" align="center" width="200px" ></el-table-column>
      <el-table-column label="操作" align="center">
        <template #default="scope">
          <el-button type="primary" size="small" @click="edit(scope.row.id)"><el-icon><EditPen /></el-icon>编辑</el-button>
          <el-button type="danger" size="small" @click="deleteById(scope.row.id)"><el-icon><Delete /></el-icon>删除</el-button>
          <el-button type="success" size="small" @click="addRole(scope.row)"><el-icon><User /></el-icon>添加角色</el-button>
          <el-button type="success" size="small" @click="viewRoles(scope.row)"><el-icon><User /></el-icon>查看角色</el-button>
        </template>
      </el-table-column>
    </el-table>
</template>
<style scoped>
</style>